<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="/css/top.css">
    <title>小米</title>

</head>

<body>
    <!-- 头部 -->
    <div class="head">
        <div class="head-c">
            <!-- 左侧 -->
            <div class="header-nav">
                <a href="">小米商城</a>
                <span class="sep">|</span>
                <a href="">MIUI</a>
                <span class="sep">|</span>
                <a href="">云服务</a>
                <span class="sep">|</span>
                <a href="">天星科技</a>
                <span class="sep">|</span>
                <a href="">有品</a>
                <span class="sep">|</span>
                <a href="">小爱开放平台</a>
                <span class="sep">|</span>
                <a href="">小米商城</a>
                <span class="sep">|</span>
                <a href="">MIUI</a>
                <span class="sep">|</span>
                <a href="">云服务</a>
                <span class="sep">|</span>
                <a href="">天星科技</a>
                <span class="sep">|</span>
                <a href="">有品</a>
                <span class="sep">|</span>
                <a href="">小爱开放平台</a>
            </div>

            <!-- 右侧 -->

            <!-- 购物车 -->
            <div class="cart">
                <a href="">
                    <em>购物车</em>
                    <span>(0)</span>
                </a>

                <div class="empty">购物车中还没有商品，赶紧选购吧！</div>
            </div>

            <!-- 登陆注册 -->
            <div class="info">
                <a href="">登录</a>
                <span class="sep">|</span>
                <a href="">注册</a>
                <span class="sep">|</span>
                <a href="">消息通知</a>
            </div>
        </div>

    </div>



    <div class="top">
        <div class="top-c">
            <div class="logo">
                <a class="logo-icon" href=""></a>
            </div>

            <!-- 导航栏 -->
            <div class="top-nav">
                <ul>
                    <li><a class="top-item" href="#">小米手机</a></li>
                    <li><a class="top-item" href="#">小米手机</a></li>
                    <li><a class="top-item" href="#">小米手机</a></li>
                    <li><a class="top-item" href="#">小米手机</a></li>
                    <li><a class="top-item" href="#">小米手机</a></li>
                    <li><a class="top-item" href="#">小米手机</a></li>
                    <li><a class="top-item" href="#">小米手机</a></li>
                    <li><a class="top-item" href="#">小米手机</a></li>
                    <li><a class="top-item" href="#">小米手机</a></li>
                </ul>
            </div>

            <!-- 搜素栏 -->
            <div class="search">
                <form action="">
                    <input class="input1" type="text" name="search-bot" placeholder="输入产品">
                    <input class="input2" type="submit" value="">
                </form>
            </div>
        </div>

    </div>


    <div class="banner">
        <div class="banner-c">

            <!-- 侧边框 -->
            <div class="ban-nav">
                <ul>
                    <li>
                        <p>手机 &nbsp; 电话卡</p>
                        <a href=""></a>
                    </li>
                    <li>
                        <p>手机 &nbsp; 电话卡</p>
                        <a href=""></a>
                    </li>
                    <li>
                        <p>手机 &nbsp; 电话卡</p>
                        <a href=""></a>
                    </li>
                    <li>
                        <p>手机 &nbsp; 电话卡</p>
                        <a href=""></a>
                    </li>
                    <li>
                        <p>手机 &nbsp; 电话卡</p>
                        <a href=""></a>
                    </li>
                    <li>
                        <p>手机 &nbsp; 电话卡</p>
                        <a href=""></a>
                    </li>
                    <li>
                        <p>手机 &nbsp; 电话卡</p>
                        <a href=""></a>
                    </li>
                    <li>
                        <p>手机 &nbsp; 电话卡</p>
                        <a href=""></a>
                    </li>
                    <li>
                        <p>手机 &nbsp; 电话卡</p>
                        <a href=""></a>
                    </li>
                    <li>
                        <p>手机 &nbsp; 电话卡</p>
                        <a href=""></a>
                    </li>
                </ul>
            </div>
            <div class="icon l"></div>
            <div class="icon r"></div>

            <div class="pointer">
                <a href=""></a>
                <a href=""></a>
                <a href=""></a>
                <a href=""></a>
            </div>
        </div>
    </div>

    <div class="product">
        <div class="product-c">
            <ul>
                <li>
                    <a>
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82abdba456e8caaea5848a0cddce03db.png?w=48&h=48"
                            alt="">
                        小米秒杀
                    </a>
                </li>
                <li>
                    <a>
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82abdba456e8caaea5848a0cddce03db.png?w=48&h=48"
                            alt="">
                        小米秒杀
                    </a>
                </li>
                <li>
                    <a>
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82abdba456e8caaea5848a0cddce03db.png?w=48&h=48"
                            alt="">
                        小米秒杀
                    </a>
                </li>
                <li>
                    <a>
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82abdba456e8caaea5848a0cddce03db.png?w=48&h=48"
                            alt="">
                        小米秒杀
                    </a>
                </li>
                <li>
                    <a>
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82abdba456e8caaea5848a0cddce03db.png?w=48&h=48"
                            alt="">
                        小米秒杀
                    </a>
                </li>
                <li>
                    <a>
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82abdba456e8caaea5848a0cddce03db.png?w=48&h=48"
                            alt="">
                        小米秒杀
                    </a>
                </li>

            </ul>
        </div>

        <div class="adv">
            <a class="ad" href=""></a>

            <a class="ad center" href=""></a>

            <a class="ad" href=""></a>
        </div>



    </div>


   

</body>

</html>